<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <!--[if !mso]><!-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!--<![endif]-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <style type="text/css">
    * {
      -webkit-font-smoothing: antialiased;
    }

    body {
      Margin: 0;
      padding: 0;
      min-width: 100%;
      font-family: Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      mso-line-height-rule: exactly;
    }

    table {
      border-spacing: 0;
      color: #333333;
      font-family: Arial, sans-serif;
    }

    img {
      border: 0;
    }

    .wrapper {
      width: 100%;
      table-layout: fixed;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }

    .webkit {
      max-width: 800px;
    }

    .outer {
      Margin: 0 auto;
      width: 100%;
      max-width: 800px;
    }

    .full-width-image img {
      width: 100%;
      max-width: 800px;
      height: auto;
    }

    .inner {
      padding: 10px;
    }

    p {
      Margin: 0;
      padding-bottom: 10px;
    }

    .h1 {
      font-size: 21px;
      font-weight: bold;
      Margin-top: 15px;
      Margin-bottom: 5px;
      font-family: Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    .h2 {
      font-size: 18px;
      font-weight: bold;
      Margin-top: 10px;
      Margin-bottom: 5px;
      font-family: Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    .one-column .contents {
      text-align: left;
      font-family: Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    .one-column p {
      font-size: 14px;
      Margin-bottom: 10px;
      font-family: Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    .two-column {
      text-align: center;
      font-size: 0;
    }

    .two-column .column {
      width: 100%;
      max-width: 400px;
      display: inline-block;
      vertical-align: top;
    }

    .contents {
      width: 100%;
    }

    .two-column .contents {
      font-size: 14px;
      text-align: left;
    }

    .two-column img {
      width: 100%;
      max-width: 280px;
      height: auto;
    }

    .two-column .text {
      padding-top: 10px;
    }

    .three-column {
      text-align: center;
      font-size: 0;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .three-column .column {
      width: 100%;
      max-width: 200px;
      display: inline-block;
      vertical-align: top;
    }

    .three-column .contents {
      font-size: 14px;
      text-align: center;
    }

    .three-column img {
      width: 100%;
      max-width: 180px;
      height: auto;
    }

    .three-column .text {
      padding-top: 10px;
    }

    .img-align-vertical img {
      display: inline-block;
      vertical-align: middle;
    }

    @media only screen and (max-device-width: 480px) {
      table[class=hide],
      img[class=hide],
      td[class=hide] {
        display: none !important;
      }
      .contents1 {
        width: 100%;
      }
      .contents1 {
        width: 100%;
      }
      .contents1 {
        width: 100%;
      }
  </style>
  <!--[if (gte mso 9)|(IE)]>
	<style type="text/css">
		table {border-collapse: collapse !important;}
	</style>
	<![endif]-->
</head>

<body style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:#fafafa;">
  <center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#fafafa;">
    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#fafafa;" bgcolor="#fafafa;">
      <tbody>
        <tr>
          <td width="100%">
            <div class="webkit" style="max-width:800px;Margin:0 auto;">

              <!--[if (gte mso 9)|(IE)]>

						<table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0" >
							<tr>
								<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
								<![endif]-->

              <!-- ======= start main body ======= -->
              <table class="outer" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;Margin:0 auto;width:100%;max-width:800px;">
                <tbody>
                  <tr>
                    <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                      <!-- ======= start header ======= -->

                      <table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#fafafa">
                        <tbody>
                          <tr>
                            <td class="two-column" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:left;font-size:0;">
                              <!--[if (gte mso 9)|(IE)]>
													<table width="100%" style="border-spacing:0" >
													<tr>
													<td width="20%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:30px;" >
													<![endif]-->

                              <div class="column" style="width:100%;max-width: 160px;display:inline-block;vertical-align:top;">
                                <table class="contents" style="border-spacing:0; width:100%">
                                  <tbody>
                                    <tr>
                                      <td style="padding-top:10px;padding-bottom:0;padding-right:0;padding-left:5px;" align="left"><a href="#" target="_blank"><img src="./images/logo.jpg" alt="" width="241" height="47" style="border-width:0;max-height: 160px;height:auto;display:block;" align="left"></a></td>
                                    </tr>
                                  </tbody>
                                </table>
                              </div>

                              <!--[if (gte mso 9)|(IE)]>
													</td><td width="80%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
													<![endif]-->

                              <div class="column" style="width:100%;max-width: 640px;display:inline-block;vertical-align:top;">
                                <table width="100%" style="border-spacing:0" cellpadding="0" cellspacing="0" border="0">
                                  <tbody>
                                    <tr>
                                      <td class="inner" style="padding-top:0px;padding-bottom:10px; padding-right:10px;padding-left:10px;">
                                        <table class="contents" style="border-spacing:0; width:100%" cellpadding="0" cellspacing="0" border="0">
                                          <tbody>
                                            <tr>
                                              <td align="left" valign="top">&nbsp;</td>
                                            </tr>
                                            <tr>
                                              <td align="right" valign="top">
                                                <font style="font-size:11px; text-decoration:none; color:#474b53; font-family: Open Sans, Open Sans, Verdana, Geneva, sans-serif; text-align:left; line-height:16px; padding-bottom:30px"><a href="#" target="_blank" style="color:#474b53; text-decoration:none">View as a web page</a></font>
                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </div>

                              <!--[if (gte mso 9)|(IE)]>
													</td>
													</tr>
													</table>
													<![endif]-->
                            </td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                          </tr>
                        </tbody>
                      </table>
                      <table class="one-column" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;border-left:1px solid #e8e7e5;border-right:1px solid #e8e7e5;border-bottom:1px solid #e8e7e5;border-top: 1px solid #e8e7e5;" bgcolor="#FFFFFF">
                        <tbody>
                          <tr>
                            <td align="left" style="padding: 40px;">
                              <p style="color:#262626; font-size:32px; text-align:left; font-family: Open Sans, Verdana, Geneva, sans-serif">Hello Your Name</p>
                              <p style="color:#000000; font-size:16px; text-align:left; font-family: Open Sans, Verdana, Geneva, sans-serif; line-height:22px "> Lorem ipsum dolor sit amet, consecte adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore <br>
                                <br>
                                <br>
                                <br>
                                <br>
                                <br> on Best Regards, <br> Name Surname</p>
                            </td>
                          </tr>
                        </tbody>
                      </table>

                      <table cellpadding="0" cellspacing="0" border="0" width="100%">
                        <tbody>
                          <tr>
                            <td height="30">&nbsp;</td>
                          </tr>
                          <tr>
                            <td class="two-column" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;">
                              <!--[if (gte mso 9)|(IE)]>
													<table width="100%" style="border-spacing:0" >
													<tr>
													<td width="50%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
													<![endif]-->

                              <div class="column" style="width:100%;max-width:399px;display:inline-block;vertical-align:top;">
                                <table class="contents" style="border-spacing:0; width:100%">
                                  <tbody>
                                    <tr>
                                      <td width="39%" align="right" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a href="#" target="_blank"><img src="./images/logo_bw.jpg" alt="" width="59" height="59" style="border-width:0; max-width:59px;height:auto; display:block; padding-right:20px"></a></td>
                                      <td width="61%" align="left" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                                        <p style="color:#787777; font-size:13px; text-align:left; font-family: Open Sans, Open Sans, Verdana, Geneva, sans-serif"> Lorem ipsum © 2019<br> lorem ipsum lorem ipsum<br> lorem ipsum lorem ipsum</p>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </div>

                              <!--[if (gte mso 9)|(IE)]>
													</td><td width="50%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
													<![endif]-->

                              <div class="column" style="width:100%;max-width:399px;display:inline-block;vertical-align:top;">
                                <table width="100%" style="border-spacing:0">
                                  <tbody>
                                    <tr>
                                      <td class="inner" style="padding-top:0px;padding-bottom:10px; padding-right:10px;padding-left:10px;">
                                        <table class="contents" style="border-spacing:0; width:100%">
                                          <tbody>
                                            <tr>
                                              <td width="32%" align="center" valign="top" style="padding-top:10px">
                                                <table width="150" border="0" cellspacing="0" cellpadding="0">
                                                  <tbody>
                                                    <tr>
                                                      <td width="33" align="center"><a href="#" target="_blank"><img src="./images/fb_filled.jpg" alt="facebook" width="36" height="36" border="0" style="border-width:0; max-width:36px;height:auto; display:block; max-height:36px"></a></td>
                                                      <td width="34" align="center"><a href="#" target="_blank"><img src="./images/tw_filled.jpg" alt="twitter" width="36" height="36" border="0" style="border-width:0; max-width:36px;height:auto; display:block; max-height:36px"></a></td>
                                                      <td width="33" align="center"><a href="#" target="_blank"><img src="./images/gh_filled.jpg" alt="github" width="36" height="36" border="0" style="border-width:0; max-width:36px;height:auto; display:block; max-height:36px"></a></td>
                                                    </tr>
                                                  </tbody>
                                                </table>
                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </div>

                              <!--[if (gte mso 9)|(IE)]>
													</td>
													</tr>
													</table>
													<![endif]-->
                            </td>
                          </tr>
                          <tr>
                            <td height="30">&nbsp;</td>
                          </tr>
                        </tbody>
                      </table>

                      <!-- ======= end footer ======= -->
                    </td>
                  </tr>
                </tbody>
              </table>
              <!--[if (gte mso 9)|(IE)]>
					</td>
				</tr>
			</table>
			<![endif]-->
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </center>

</body>

</html>